<template>
	<view>
		<div class="top">
			<div class="wddd">
				<uni-card title=""  >
		
					<div class="card-tx">
						<div class="card-tx-txt">头像</div>
						<div class="card-tx-tx" @click="tzxxxg">
							<div class="card-tx-tx1">
								<u-avatar size="65" :src="src"></u-avatar>
							</div>
							<div class="card-tx-tx2">
								<image src="/static/wdimg/sqjt.png" class="wdyhq-card-content-right-img"
									mode="widthFix"></image>
							</div>
						</div>
					</div>
					<div class="card-xm">
						<div class="card-xm-text">姓名</div>
						<div class="card-xm-xm">张先生</div>
					</div>
					<div class="card-dh">
						<div class="card-xm-text">电话</div>
						
						<div class="card-tx-tx" @click="tzsjhxg">
							<div class="card-tx-tx1">
								<div class="card-xm-xm">18236197368</div>
							</div>
							<div class="card-tx-tx3">
								<image src="/static/wdimg/sqjt.png" class="wdyhq-card-content-right-img"
									mode="widthFix"></image>
							</div>
						</div>
						
					</div>
				</uni-card>
			</div>
			
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			src: '/static/wdimg/aaa.jpg',	
			}
		},
		methods: {
		tzxxxg(){
			uni.navigateTo({
				url: "/pages/my/xxxg/xxxg"
			})
		},
		tzsjhxg(){
			uni.navigateTo({
				url: "/pages/my/sjhxg/sjhxg"
			})
		}
		}
	}
</script>

<style>
.top{
	width: 750rpx;
	height: 400rpx;
	background-color: #3183FC;
		/* 	overflow: hidden; */
	/* 	background-image: url(@/static/wdimg/aaa.jpg); */
	position: relative;
}

.wddd{
	position: absolute;
	width: 750rpx;
}

.card-tx{
	display: flex;
	justify-content: space-between;
	border-bottom: 1rpx solid silver;
	margin-top: 20rpx;
/* 	margin-bottom: 20rpx; */
	align-items: center;
}

.card-tx-tx{
	display: flex;
	height: 150rpx;
}
.card-tx-txt{
	font-size: 35rpx;
	font-weight: bold;
}
.card-tx-tx1{
	margin-right: 20rpx;
}
.card-tx-tx2{
	/* margin-right: 20rpx; */
	margin-top: 25rpx;
}
.card-tx-tx3{
	margin-top: 6rpx;
}

.card-xm{
	width: 100%;
	height: 120rpx;
	line-height: 120rpx;
	display: flex;
	justify-content: space-between;
	border-bottom: 1rpx solid silver;
	font-size: 35rpx;
}
.card-dh{
	width: 100%;
	height: 120rpx;
	line-height: 120rpx;
	display: flex;
	justify-content: space-between;
/* 	border-bottom: 1rpx solid silver; */
	font-size: 35rpx;
}
.card-xm-text{
	font-weight: bold;
}
	.wdyhq-card-content-right-img {
		width: 20rpx;
		margin-right: 20rpx;
		margin-top: 20rpx;
	}
	
	.uni-card{border-radius: 25rpx;}
	
	
</style>
